﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Home.Slide.ascx.cs" Inherits="Controls_Home_Slide" %>
<div class="slide">
    <div class="slide_nd">
        <div id="contentIdx_1" class="slideContent" rel="/resources/images/b1.jpg">
            <a href="#">Vườn rau Yên Sở</a>
            <p>
                Chủ nhà là một bác sĩ - doanh nhân trẻ nhưng khá thành đạt. Yêu cầu đặt ra cho VTP là thiết kế và lắp đặt một vườn rau trong khuôn viên sân trước nhà vừa cải tạo cảnh quan - vi khí hậu của ngôi nhà, vừa đảm bảo đủ lượng rau ăn cho 6 nhân khẩu trong gia đình.<br />
                Sau hai tuần thống nhất phương án thiết kế và tiến hành thi công, vườn rau hoàn
            </p>
        </div>
        <div id="contentIdx_2"  class="slideContent" style="display:none;" rel="/resources/images/b2.jpg">
            <a href="#">Vườn rau Thanh Trì</a>
            <p>
                Chủ nhà là một bác sĩ - doanh nhân trẻ nhưng khá thành đạt. Yêu cầu đặt ra cho VTP là thiết kế và lắp đặt một vườn rau trong khuôn viên sân trước nhà vừa cải tạo cảnh quan - vi khí hậu của ngôi nhà, vừa đảm bảo đủ lượng rau ăn cho 6 nhân khẩu trong gia đình.<br />
                Sau hai tuần thống nhất phương án thiết kế và tiến hành thi công, vườn rau hoàn
            </p>
        </div>
        <div id="contentIdx_3"  class="slideContent" style="display:none;" rel="/resources/images/b1.jpg">
            <a href="#">Vườn rau Bắc Ninh</a>
            <p>
                Chủ nhà là một bác sĩ - doanh nhân trẻ nhưng khá thành đạt. Yêu cầu đặt ra cho VTP là thiết kế và lắp đặt một vườn rau trong khuôn viên sân trước nhà vừa cải tạo cảnh quan - vi khí hậu của ngôi nhà, vừa đảm bảo đủ lượng rau ăn cho 6 nhân khẩu trong gia đình.<br />
                Sau hai tuần thống nhất phương án thiết kế và tiến hành thi công, vườn rau hoàn
            </p>
        </div>
        <div id="contentIdx_4"  class="slideContent" style="display:none;" rel="/resources/images/b2.jpg">
            <a href="#">Vườn rau Phúc Tân</a>
            <p>
                Chủ nhà là một bác sĩ - doanh nhân trẻ nhưng khá thành đạt. Yêu cầu đặt ra cho VTP là thiết kế và lắp đặt một vườn rau trong khuôn viên sân trước nhà vừa cải tạo cảnh quan - vi khí hậu của ngôi nhà, vừa đảm bảo đủ lượng rau ăn cho 6 nhân khẩu trong gia đình.<br />
                Sau hai tuần thống nhất phương án thiết kế và tiến hành thi công, vườn rau hoàn
            </p>
        </div>
        <div id="contentIdx_5"  class="slideContent" style="display:none;" rel="/resources/images/b1.jpg">
            <a href="#">Vườn rau Hà Đông</a>
            <p>
                Chủ nhà là một bác sĩ - doanh nhân trẻ nhưng khá thành đạt. Yêu cầu đặt ra cho VTP là thiết kế và lắp đặt một vườn rau trong khuôn viên sân trước nhà vừa cải tạo cảnh quan - vi khí hậu của ngôi nhà, vừa đảm bảo đủ lượng rau ăn cho 6 nhân khẩu trong gia đình.<br />
                Sau hai tuần thống nhất phương án thiết kế và tiến hành thi công, vườn rau hoàn
            </p>
        </div>
        <div class="note">
            <ul>
                <li><a href="#" class="note_chon" id="idx_1"></a></li>
                <li><a href="#" id="idx_2"></a></li>
                <li><a href="#" id="idx_3"></a></li>
                <li><a href="#" id="idx_4"></a></li>
                <li><a href="#" id="idx_5"></a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    var index = 1;
    var tmp = 1;
    var intervalSlide;
    function slideIndex() {
        tmp = index;
        index++;
        $('#contentIdx_' + tmp).fadeOut(500);
        if (index > 5) index = 1;
        $('#contentIdx_' + index).fadeIn(500);

        $('div.note > ul > li > a').removeClass();
        $('div.note > ul > li > a#idx_' + index).addClass('note_chon');

        $("#slidebg").fadeOut(400, function () {
            $("#slidebg").css('background-image', 'url(' + $('#contentIdx_' + tmp).attr("rel") + ')');
            $("#slidebg").fadeIn(400);
        });

    }
    $(document).ready(function () {
        intervalSlide = setInterval(slideIndex, 5000);
    });

</script>
